<template>
  <section class="shortcut">
        <div class="w">
            <div class="l">
                <ul>
                    <li>品优购欢迎您! &nbsp;</li>
                    <li>
                        <a href="#">请登录 &nbsp;</a>
                        <button @click="goToRegister">免费注册</button>
                    </li>
                </ul>
            </div>
            <div class="r">
                <ul>
                    <li>我的订单</li>
                    <li></li>
                    <li class="trangle">我的品优购</li>
                    <li></li>
                    <li>品优购会员</li>
                    <li></li>
                    <li>企业采购</li>
                    <li></li>
                    <li class="trangle">关注品优购</li>
                    <li></li>
                    <li class="trangle">客户服务</li>
                    <li></li>
                    <li class="trangle">网站导航</li>
                </ul>
            </div>
        </div>
    </section>
</template>

<script>

export default {
    name:'shortcut',
    methods:{
        goToRegister(){
            this.$router.push('/register')
        }
    }
}
</script>

<style>
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?tomleg');
    src: url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?tomleg') format('truetype'),
        url('../fonts/icomoon.woff?tomleg') format('woff'),
        url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

.w {
    width: 1200px;
    margin: 0 auto;
}

.style_red {
    color: #c81623;
}

.current {
    background-color: #c81623;
}
.shortcut {
    height: 30px;
    line-height: 30px;
    background-color: #f1f1f1;
}

.shortcut ul li {
    float: left;
}

.l {
    float: left;
}

.r {
    float: right;
}

.shortcut .r ul li:nth-child(even) {
    width: 1px;
    height: 12px;
    background-color: #666;
    margin: 9px 15px 0;
}

.trangle::after {
    content: '\e91e';
    font-family: 'icomoon';
}
</style>